<!--
* @Author: 张杰
* @Date: 2021-12-23 16:01:13
* @LastEditors: white_queenLastEditTime: 2021-12-23 16:01:24FilePath: /components/common/text/txt-view-center.vue
* @Description: 财务首页详情信息
-->
<template>
	<view>
		<view class="center" v-for="(item, i) in txtCenter" :key="i">
			<view class="center-title">{{ item.title }}</view>
			<view class="cneter-root">
				{{ changeTwoDecimal(item.text) }}
				<text class="cneter-text">元</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		txtCenter: {
			type: Array
		}
	},
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.center {
	display: flex;
	flex-direction: column;
	.center-title {
		font-size: 15 * 2rpx;
		color: #333333;
		margin-bottom: 8 * 2rpx;
	}
	.cneter-root {
		font-size: 22 * 2rpx;
		color: #333333;
		font-weight: bold;
		margin-bottom: 14 * 2rpx;
	}
	.cneter-text {
		margin-left: 4 * 2rpx;
	}
}
</style>
